<template>
  <div>
    <el-row>
      <el-col :span="24">
        <el-table
          :data="tableData"
          stripe
          style="width: 100%">
          <el-table-column prop="date" align="center" label="类别"></el-table-column>
          <el-table-column label="项目招标数" align="center">
            <el-table-column label="本月" align="center">
              <el-table-column prop="date" label="本月" align="center"></el-table-column>
              <el-table-column prop="date" label="同比" align="center"></el-table-column>
            </el-table-column>
            <el-table-column label="本年" align="center">
              <el-table-column prop="date" label="本年" align="center"></el-table-column>
              <el-table-column prop="date" label="同比" align="center"></el-table-column>
            </el-table-column>
          </el-table-column>
          <el-table-column label="中标金额（万元）" align="center">
            <el-table-column label="本月" align="center">
              <el-table-column prop="date" label="本月" align="center"></el-table-column>
              <el-table-column prop="date" label="同比" align="center"></el-table-column>
            </el-table-column>
            <el-table-column label="本年" align="center">
              <el-table-column prop="date" label="本年" align="center"></el-table-column>
              <el-table-column prop="date" label="同比" align="center"></el-table-column>
            </el-table-column>
          </el-table-column>
        </el-table>
      </el-col>
    </el-row>
    招标各部完成情况
    <el-row>
      <el-col :span="24">
        <el-table
          :data="tableData"
          stripe
          style="width: 100%">
          <el-table-column prop="date" align="center" label="招标部室"></el-table-column>
          <el-table-column label="累计结转(2023)" align="center">
            <el-table-column prop="date" label="项数" align="center"></el-table-column>
            <el-table-column prop="date" label="中标金额（万元）" align="center"></el-table-column>
          </el-table-column>
          <el-table-column label="本月" align="center">
            <el-table-column label="项数" align="center">
              <el-table-column prop="date" label="招标" align="center"></el-table-column>
              <el-table-column prop="date" label="定标" align="center"></el-table-column>
            </el-table-column>
            <el-table-column label="中标金额（万元）" align="center"></el-table-column>
          </el-table-column>
          <el-table-column label="本年" align="center">
            <el-table-column label="项数" align="center">
              <el-table-column prop="date" label="招标" align="center"></el-table-column>
              <el-table-column prop="date" label="定标" align="center"></el-table-column>
            </el-table-column>
            <el-table-column label="中标金额（万元）" align="center"></el-table-column>
          </el-table-column>
        </el-table>
      </el-col>
    </el-row>
    招标失败情况
    <el-row>
      <el-col :span="24">
        <el-table
          :data="tableData"
          stripe
          style="width: 100%">
          <el-table-column prop="date" align="center" label="招标都室"></el-table-column>
          <el-table-column label="招标明细" align="center">
            <el-table-column prop="date" label="工程" align="center"></el-table-column>
            <el-table-column prop="date" label="货物" align="center"></el-table-column>
            <el-table-column prop="date" label="服务" align="center"></el-table-column>
            <el-table-column prop="date" label="合计" align="center"></el-table-column>
          </el-table-column>
          <el-table-column label="招标失败明细" align="center">
            <el-table-column label="本月" align="center">
              <el-table-column prop="date" label="工程" align="center"></el-table-column>
              <el-table-column prop="date" label="货物" align="center"></el-table-column>
              <el-table-column prop="date" label="服务" align="center"></el-table-column>
              <el-table-column prop="date" label="合计" align="center"></el-table-column>
            </el-table-column>
            <el-table-column label="本年" align="center">
              <el-table-column prop="date" label="工程" align="center"></el-table-column>
              <el-table-column prop="date" label="货物" align="center"></el-table-column>
              <el-table-column prop="date" label="服务" align="center"></el-table-column>
              <el-table-column prop="date" label="合计" align="center"></el-table-column>
              <el-table-column prop="date" label="废标率" align="center"></el-table-column>
            </el-table-column>
          </el-table-column>
        </el-table>
      </el-col>
    </el-row>
    招标组织方式情况
    <el-row>
      <el-col :span="24">
        <el-table
          :data="tableData"
          stripe
          style="width: 100%">
          <el-table-column prop="date" align="center" label="组织方式"></el-table-column>
          <el-table-column label="本月" align="center">
            <el-table-column prop="date" label="项数" align="center"></el-table-column>
            <el-table-column prop="date" label="中标金额（万元）" align="center"></el-table-column>
          </el-table-column>
          <el-table-column label="本年" align="center">
            <el-table-column prop="date" label="项数" align="center"></el-table-column>
            <el-table-column prop="date" label="占比" align="center"></el-table-column>
            <el-table-column prop="date" label="中标金额（万元）" align="center"></el-table-column>
            <el-table-column prop="date" label="占比" align="center"></el-table-column>
          </el-table-column>
        </el-table>
      </el-col>
    </el-row>
  </div>
</template>

<script>
  export default {
    data() {
      return {
        tableData: [{
          date: '2016-05-03',
          name: '王小虎',
          province: '上海',
          city: '普陀区',
          address: '上海市普陀区金沙江路 1518 弄',
          zip: 200333
        }, {
          date: '2016-05-02',
          name: '王小虎',
          province: '上海',
          city: '普陀区',
          address: '上海市普陀区金沙江路 1518 弄',
          zip: 200333
        }, {
          date: '2016-05-04',
          name: '王小虎',
          province: '上海',
          city: '普陀区',
          address: '上海市普陀区金沙江路 1518 弄',
          zip: 200333
        }, {
          date: '2016-05-01',
          name: '王小虎',
          province: '上海',
          city: '普陀区',
          address: '上海市普陀区金沙江路 1518 弄',
          zip: 200333
        }, {
          date: '2016-05-08',
          name: '王小虎',
          province: '上海',
          city: '普陀区',
          address: '上海市普陀区金沙江路 1518 弄',
          zip: 200333
        }, {
          date: '2016-05-06',
          name: '王小虎',
          province: '上海',
          city: '普陀区',
          address: '上海市普陀区金沙江路 1518 弄',
          zip: 200333
        }, {
          date: '2016-05-07',
          name: '王小虎',
          province: '上海',
          city: '普陀区',
          address: '上海市普陀区金沙江路 1518 弄',
          zip: 200333
        }]
      }
    }
  }
</script>